<template>
    <div class="all">
        <div class="list" v-for="(item, key) in data" :key="key">
            {{ item.name }}</div>
    </div>
</template>
<script setup>
import { ref } from 'vue'
let data = ref([
    { name: "孤寡老人" },
    { name: "留守儿童" },
    { name: "高端人才" },
])
</script>
<style scoped>
.all {
    --border-color: #1c426c;
    --bj-color: rgba(8, 34, 57, 0.4);
    --btn-color: rgba(26, 48, 69, 1);
    width: 1.5rem;
    border: 0.02rem solid  var(--border-color);
    background: var(--bj-color);
    /* display: flex; */
}

.list {
    text-align: center;
    height: 0.3rem;
    line-height: 0.3rem;
    position: relative;
    
}
.list::before{
    content: '';
    position: absolute;
    top:35%;
    left: 12%;
    width: 0.12rem;
    height: 0.12rem;
    background: #f19505;
}
</style>